.main{
    width: 100%;
    height: 100px;
}

.main .banner{
    position: relative;
    width: 100%;
    height: 187px;
    overflow: hidden;
}

.main .banner .banner-bg{
    position: absolute;
    left:-25%;
    width: 150%;
    height: 140px;
    /* background-color: red; */
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    background-image: linear-gradient(0deg,#f1503b,#c82519 50%);
}


.banner ul{
    position: relative;
    width: 100%;
    margin: 0px;
    list-style: none;
}

.banner ul li{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 187px;
    padding: 44px 33.333% 0px;
    box-sizing: border-box;
}

.banner ul li a {
    display: block;
}

.banner ul li:nth-child(2){
    left: 100%;
}
.banner ul li:nth-child(3){
    left: 200%;
}

.banner ul li a img{
    display: block;
    position: relative;
    left: -65%;
    width: 200%;
    border-radius: 10px;
}